<template>
  <view class="nodata">
    <image class="img" src="/static/images/cart/noData.png" mode="widthFix"></image>
    <view class="">
      {{ content }}
    </view>
  </view>
</template>
<script setup>
import { useI18n } from "vue-i18n";
const { t } = useI18n()
const props = defineProps({
  content: {
    type: String,
    default: "No results found"
  }
})
</script>
<style lang="scss" scoped>
.nodata {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding-top: 120rpx;
  color: #000;

  .img {
    width: 200rpx;
    padding-bottom: 20rpx;
  }
}
</style>
